import { StyleSheet } from 'react-native'
import React from 'react'
import { View } from 'native-base'
import FlatList from '../FlatList'
import GoodsItem from './GoodsItem'

const GoodsList = (props) => {
  return (
    <View style={styles.goodsList}>
      <FlatList {...props} numColumns={2} renderItem={GoodsItem}
      >
      </FlatList>
    </View>
  )
}

export default GoodsList

const styles = StyleSheet.create({
  goodsList: {
    flex: 1,
    paddingHorizontal: 5
    // display: 'flex',
    // flexDirection: 'row',
    // flexWrap: 'wrap',
    // justifyContent: 'space-between',
    // height: 500,
    // backgroundColor: 'red'
  },
  flatList: {
    // backgroundColor: 'blue'
  }
})